<div nz-row>
      <div nz-col nzSpan="12">
          <div echarts [options]="chartOption" class="barGraph"></div>
      </div>
      <div nz-col nzSpan="12">
          <div style="background: #ECECEC;padding:30px;">
              <div nz-row [nzGutter]="8">
                <div nz-col [nzSpan]="8" class="cardData" nzHoverable='true' *ngFor="let cityData of profitLossData">
                  <nz-card [nzTitle]="cityData.name" style="font-size:0.8vw">
                    <span nz-col [nzSpan]="12">{{cityData.revenueName}}: {{cityData.revenue}}</span>
                    <span nz-col [nzSpan]="12">{{cityData.costName}}: {{cityData.cost}}</span><br>
                    <span nz-col [nzSpan]="12">{{cityData.profitName}}: {{cityData.profit}}</span>
                  </nz-card>
                </div>
              </div>
            </div>
      </div>
</div>
<div nz-row>
    <div nz-col nzSpan="12">
        <div style="background: #ECECEC;padding:30px;">
            <div nz-row [nzGutter]="8">
              <div nz-col [nzSpan]="8" class="cardData" nzHoverable='true' *ngFor="let personnel of distribution">
                <nz-card [nzTitle]="personnel.name" style="font-size:0.8vw">
                  <span nz-col [nzSpan]="12">当前总人数: {{personnel.value}}</span>
                </nz-card>
              </div>
            </div>
          </div>
    </div>
    <div nz-col nzSpan="12">
        <div echarts [options]="pieOption" class="barGraph"></div>
    </div>
</div>
